// 引入公共样式
require("../../assets/css/communal.less");

// 引入字体图标
require("../../assets/fonts/fitness-fonts/iconfont.css");

const axios = require("../../util/axios.js");
// 引入工具js
const dom = require("../../util/dom.js");

// 引入尾部导航栏样式
require("../../assets/css/common-css/tabber.less");

// 引入头部导航样式
require("../../assets/css/common-css/navbar.less");

// 引入当前页样式
require("./sports_run.less");

document.addEventListener("DOMContentLoaded", function () {
	// 渲染底部导航
	dom.tabber("sports_course");

	// 渲染头部导航
	dom.navbar("sports_run");

	// 地图
	const map = new AMap.Map("container", {
		zoom: 15, // 初始化地图级别
		center: [104.065751, 30.657453], // 初始化地图中心点位置
	});
	// 点击go
	dom.$(".go").addEventListener("click", function () {
		dom.$(".mask").style.display = "block" && "flex";
		//开始倒计时
		let n = 3;
		setInterval(function () {
			n--;
			dom.$("#maskNum").textContent = n;
			if (n === 0) {
				location.href = "sports_running.html";
			}
		}, 1000);
	});

	//渲染总里程
	axios.get("/api/exercise").then((res) => {
		dom.$("#distanceNum").textContent = res.data.data.sum7Meter / 1000;
	});
});
